@import "../var";
@import "../mixin";
// 秒杀模块 
.seckill-wrap {
  display: inline-block;
  margin-right: 3px;
  vertical-align: text-bottom;
  color: #ff5555;

  span {
    display: inline-block;
    color: #fff;
    font-size: px(12);
    background-color: #ff5555;
    border-radius: px(2);
    height: px(16);
    width: px(16);
    line-height: 0.16rem;
    text-align: center;
    margin: 0 2px;
  }
}

.cashierFinish-page {
  line-height: 1;
  background-color: #fff;
  .cashierOrderStatus{
    margin-top: px(20);
    width: px(300);
    margin: 0 auto;
    margin-top: px(20);
    .greyTop{
      height: px(10);
      background: url('../../img/cashier/cashierFinishShadow.png');
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }
    .whiteBoard{
      width: px(280);
      height: px(245);
      background-color: #fff; 
      margin: px(-5) auto 0 auto;
      // box-shadow: 0 2px 20px -10px rgba(0, 0, 0,.1);
      box-shadow: 0 3px 16px 0 rgba(0,0,0,0.04);
      .bigMsg{
        padding: px(25) px(24) 0 px(24);
        margin-bottom: px(30);
        .successImg{
          width: px(100);
          height: px(70);
          margin-right: px(12);
          img{
            width: 100%;
            height: 100%;
          }
        }
        .payText{
          margin-top: px(17);
          p{
            font-size: px(24);
            color: #FFAB00;
            margin-bottom: px(4);
            font-weight: 600;
          }
          span{
            color: #999;
            font-size: px(14);
          }
        }
      }
      .detailMsg{
        padding: 0 px(30);
        .msgItem{
          line-height: px(20);
          margin-bottom: px(8);
          label{
            color: #999;
          }
          span{
            text-align: right;
            color: #000;
            &.color{
              color: #FC0D1B;
            }
          }
        }
      }
    }
  }
  //操作按钮
  .OperateButton{
    padding-top: px(25);
    width: px(240);
    margin: 0 auto;
    .btn{
      margin-bottom: px(16);
      &:last-child{
        margin-block-end: px(35);
      }
    }
  }
  .cashierFooterTips{
    width: px(254);
    margin: 0 auto;
    font-size: px(12);
    color: #999;
    p{
      line-height: px(18);
      text-align: center;
      span{
        color:#0e81ff;
      }
    }
  }
}